<%@page contentType="text/html; charset=utf-8"%>
<%@ include file="/include/head.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&ak=Bp7W7v3ueD02INZO3yXquaPKBOn9Vynz"></script>
<script type="text/javascript"
	src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
<script type="text/javascript" src="js/baiduMap/LuShu.js"></script>

<style type="text/css">
html, body {
	margin: 0;
	padding: 0;
}

.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}

.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
</style>

<script type="text/javascript">

	//创建和初始化地图函数：
	function initMap() {
		createMap();//创建地图
		setMapEvent();//设置地图事件
		addMapControl();//向地图添加控件
	}
	//创建地图函数：
	function createMap() {
		var map = new BMap.Map("dituContent${timeStamp}");//在百度地图容器中创建一个地图
		if("${x}"==null||"${x}"==""){
			var point = new BMap.Point(114.387493,30.576749);//定义一个中心点坐标
		}else{
			var point = new BMap.Point("${x}","${y}");
		}
		if($("#xxxx").val()!=''){
			point = new BMap.Point($("#xxxx").val(),$("#yyyy").val());
		}
		map.centerAndZoom(point, 13);//设定地图的中心点和坐标并将地图显示在地图容器中
		
	
		window.map=map;
	
		
	
	
		

		//获取鼠标地图的经纬
		
			
		

		if("${x}"==null||"${x}"==""){
			if($("#xxxx").val()!=''){
				var marker = new BMap.Marker(point); // 创建标注
				map.addOverlay(marker); // 将标注添加到地图中
				marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
			}
			//获取鼠标地图的经纬
			map.addEventListener("click", function(e) {
				var prompt = confirm("确定使用此位置吗?");
				if(prompt){
					$("#xxxx").val(e.point.lng);
					$("#yyyy").val(e.point.lat); 
					$("#xy").val(+e.point.lng+","+e.point.lat)
					var marker = new BMap.Marker(e.point); // 创建标注
					map.clearOverlays();
					map.addOverlay(marker); // 将标注添加到地图中
					marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
				}else{
					
				}
			});
			
		}else{
			var marker = new BMap.Marker(point); // 创建标注
			map.addOverlay(marker); // 将标注添加到地图中
			marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
		}
		if("${x}"=="" &&  $("#xxxx").val()==""){
			map.centerAndZoom(point, 13);
			var local = new BMap.LocalSearch(map, {
				renderOptions:{map: map}
			});
			var address=$("#address").val();
			local.search(address);
			//local.search('${address}');
		}
	}

	//地图事件设置函数：
	function setMapEvent() {
		map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
		map.enableScrollWheelZoom();//启用地图滚轮放大缩小
		map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
		map.enableKeyboard();//启用键盘上下左右键移动地图
	}
	


	//地图控件添加函数：
	function addMapControl() {
		//向地图中添加缩放控件
		var ctrl_nav = new BMap.NavigationControl({
			anchor : BMAP_ANCHOR_TOP_LEFT,
			type : BMAP_NAVIGATION_CONTROL_LARGE
		});
		map.addControl(ctrl_nav);
		//向地图中添加缩略图控件
		var ctrl_ove = new BMap.OverviewMapControl({
			anchor : BMAP_ANCHOR_BOTTOM_RIGHT,
			isOpen : 1
		});
		map.addControl(ctrl_ove);
		//向地图中添加比例尺控件
		var ctrl_sca = new BMap.ScaleControl({
			anchor : BMAP_ANCHOR_BOTTOM_LEFT
		});
		map.addControl(ctrl_sca);

		var polyline = new BMap.Polyline([
				new BMap.Point(window.noteX, window.noteY),
				new BMap.Point(window.noteX, window.noteY) ], {
			strokeColor : "#F00",
			strokeWeight : 1,
			strokeOpacity : 1
		});
		map.addOverlay(polyline);

	}
	$(function() {
		initMap();//创建和初始化地图
		$(".restore").text("");
		$(".restore").removeClass("restore");
	});
</script>

<div class="page unitBox"
	style="float: left; width: 100%; border: 1px solid rgb(204, 204, 204); height: 100%;"
	layouth="0" id="dituContent${timeStamp}"></div>
	
	 <div class="formBar">
         <ul>
             	<li class="EDIT" style="display:none"><div class="button"><div class="buttonContent"><button type="submit" onclick="initSubmit('UNSUBMIT')">保存</button></div></div></li>
             	<li><div class="button"><div class="buttonContent"><button class="close" type="button">取消</button></div></div></li>
         </ul>
    </div>